Lesson 9: How to Create a Beautiful Flower Design 


This method of creating a beautiful flower design is similar to the previous 
lesson. Instead of encircling a shape with another, in this lesson we'll create a 
flower design around its own center point. This flower can then be used to 
encircle other objects or placed in other documents you are working in. 


For this lesson, we'll be using the twelve different colors of the RGB color 
wheel. Make sure the background you choose is transparent. That way, you 
can place the flower design in other documents. 


This is what the final image will look like: 


We've created this helpful RGB color wheel with its RGB & RGB Hex 
codes. This will make the process of coloring each flower petal faster than if 
you had to search for these codes. We'll refer back to this graphic as we are 


inputting each color's codes. The colors above are the same colors as the 
colors in the graphic below. 


#7FOOFF 
127,0,255 


#007FFF 
0,127,255 


Ready to start? 


Create a New Document to these specifics (Ctrl/Cmd+N is the shortcut): 


e Web - Social Media Square Post 
e Transparent Background (checked) 


Click on the Ellipse Tool so it's activated. 


Hold-down the Shift key and drag out a perfect circle about a fifth the size 
as the document. This can be adjusted later, so don't worry if you can't be as 


precise as you want to be. 


Go to the Color Wheel and click on any color on the outside ring. This 
will colorize the circle. It doesn't matter what color you choose: it just makes 
the next steps easier to do. 


We now want to duplicate this circle, but instead of using the normal 
Ctrl/Cmd+J shortcut, we'll use a more advanced technique that we love to use 
when we want to create more shapes of the same kind in a document. 


Move the cursor off the document so it's on the canvas. 


Double-click the mouse and the Move Tool will be activated. This is a 
second advanced trick we do all the time. We needed to do this for the next 
step to work. 


Note: The Move Tool needs to be active before you do the next step. If 
clicking on the canvas area didn't activate the Move Tool, then click on it so 
its active. 


Hold-down Ctrl/Cmd & click on the first circle and move the mouse's 
cursor to the right. As you do this, a duplicated circle will be created and will 
move to the right. 


Your two circles should be positioned like this: 


Drag a selection box over both circles with the Move Tool (which will 
already be selected) so that the blue nodes are surrounding both circles and 
both layers in the Layers Panel are selected and highlighted in blue (see 
image below). 
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In the next step, we are going to use one of the Boolean Tools (see white 
rectangle above) and specifically the Intersect Tool (yellow rectangle). This 
tool will cut out the outside parts so the two circles and leave the inner petal- 
looking shape. This will be the first petal we'll use to create our Flower 
design. Of course, we'll make the petal less wide. 


The image below is what the remaining flower piece should look like (see 
shape 1). 


Click on either middle blue node and make the shape less wide (see shape 
2). 


Go to the Toolbar and click on the Snapping icon (see red rectangle two 
images above in the top left corner) that's located to the left of the Boolean 
Tools. We almost always have this tool activated. Ignore if yours is already 
active. 


Click & drag the new petal shape to the middle of the document so the 
bottom-middle node is at the very center (see the red rectangle in image 
below). 


Click & drag the top-right node (see the black rectangle) and make the 
petal reach upwards so it almost touches the top border (see black arrow for 
this action). 


This is as close to the top border we got ours. Try to do the same. Sorry for 
the fuzziness of this image. 
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Now that we have our petal shape in its proper size and position, let's review 
what we're about to do. This is similar-but-different to the previous lesson. 
First, we'll change the petal's center point to its lowest point. Second, we'll 
duplicate the petal. Third, we'll input 360/12 in the Transform panel located 
in the lower right area of Designer's screen. Fourth, we'll duplicate the petal 


to create encircling petals. Fifth, we'll change the color of each petal to match 
the RGB Color Wheel's colors. Last, we'll add a black background to our 
flower. 


If you were just reading this, then you would probably be totally confused. 
We wrote this because hopefully this will be a refresher for you who just 
finished the previous lesson. 


Ready to create this beautiful flower? 


Go to the Contextual Toolbar & click on the Enable Transform Origin 
Tool (we call it the Centering Tool). Immediately when you click on this, a 
crosshair icon will appear at the center of the petal shape. 


Click & drag the crosshair icon to the lower middle point of the petal shape 
(see white arrow for this action). When you release the mouse button, the 
crosshair icon will be over the lower middle point. 


Press Ctrl/Cmd-+J to duplicate the petal shape. 


Go to the Transform panel in the lower right-hand corner of Designer's 


screen. 


Type 360/12 in the R: value area (see yellow rectangle). As soon as you do 
this, the duplicated petal will rotate 30°, which is the quotient of 360/12. 
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This is what our two petals look like now. 


Since this petal is already active, let's change its color to the first color to the 
left or Red. 


Note: All RGB Hex codes for this flower will come directly from the RGB 
Color Wheel graphic we created for you at the beginning of this lesson. 


Go to the Color Panel and click on its menu icon (see yellow square). 
When the pop-out window appears, choose Sliders. 


Color 
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Click on the pop-out menu (see the partial yellow rectangle in the below 
image) where you can choose which type of Sliders you want to use and click 
on RGB Hex. 
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Type FF007F in the RGB Hex value area (see yellow rectangle below). 
This is the color for this duplicated petal (or the first petal to the left of the 
red position on the RGB color wheel). 


Press the Return key when done inputting the RGB Hex code. 
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Now that we've colored the duplicated, all we have to do is repeat these steps 
until we come back to the top petal. We'll show you how to do one more petal 
and then how to color the top petal. You'll have to work on the different 
colors yourself. 


Press Ctrl/Cmd+J to duplicate the second petal. 


Go to the Color Studio and type the next RGB Hex code for the next color, 
which is #FFOOFF. 


Press the Return key when done inputting the RGB Hex code. The petal 
will immediately change to that color, which is magenta. 


Now, it's your turn. Repeat the last three steps until you come back to the top 
petal, which we'll need to change to red. 


To make your life easier, here is a list of the RGB Hex Codes for the 
following petals you need to work on (we'll not use the # before each): 
7FOOFF, OOOOFF, 007FFF, OOFFFF, OOFF7F, OOFFOO, 7FFFOO, FFFFOO, 
FF7FOO. 


Click on the top petal when you are done duplicating all the petals and 


inputting their proper colors. Your document should look like this when 
you're done. 
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Type FF0000 in the RGB Hex code value area to colorize the final petal. 


Done. You now know how to create a beautiful Flower Design. There are a 
few more changes we can make to it, but if you're satisfied with what we've 
created, then you can stop the lesson here. 


But, if you want to continue, there are just a couple new things we'd like to 
change about our flower design. 


Ready? 


Go to the Layers Panel & click on the top layer and while holding-down 
the Shift key, click on the bottom layer. This will cause all of the layers to 
be highlighted in blue. 


Right-click the mouse button and choose Group from the pop-out window. 
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This will cause all of our layers to be grouped as one layer which is useful 
when using this now new single object in other documents or additional edits. 
We can also now duplicate this whole flower as a single unit. 


Layers 
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Note: You know a layer is grouped by its icon (see the small yellow square in 
the above image). 


Go to the Tools and click on the Rectangle Tool so it's activated. 


Click & drag a rectangle over our flower. The color of the rectangle will be 
the last color we used - in this case, red. 


Move the Red slider all the way to the left so the rectangle turns black (see 
white arrow for this action). The color will change to black because each 
RGB value box will be 00 - which means only the black can be seen. 
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Click & drag the top Rectangle layer underneath our grouped flower layer 
(see the yellow arrow for this action). 
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We're now done with the extra work. If you want to use the flower as its own 
object, simply deactivate the Rectangle layer by unchecking it (see yellow 
square). 


Layers 
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This is what our flower looks like now. 


Wait. Can we still make it look better? Yes, we can. Let's try this... 


Click on the grouped layer icon (see the triangle inside a circle two images 
above) so the individual layers are exposed. 


Click on the top layer and while holding-down the Shift key, click on the 
bottom petal layer (not the Rectangle layer). 


Press 7 on the keyboard to change the selected layers' Opacity to 70%. 
This will cause the individual colors to blend nicely into one another. 


Note: There are three ways to change the Opacity: 


1. Use the numbered keys on your keyboard (5 is 50% and 9 is 


90%) 

2. Use the Opacity slider by clicking on the downward-pointing 
arrow and then using the slider (see the tiny white arrow). 

3. Click on the Opacity value box (see the yellow rectangle) and 
type the percentage you want. This is our preferred method 
because it's the fastest and most precise. 
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Done. This is what the flower looks like at 70% Opacity. We think it looks 
fantastic now. How do you like this effect? Do you like it with a lowered 
Opacity, or do you prefer it without any Opacity added to it? 


Finished. This ends this lesson. 


Lesson 10: How to Create a Shirt Mock-Up 


Many graphic designers do work for their own online stores where they sell 
merchandise by uploading their artwork to the platform (Amazon Merch, 
Spreadsheet, TeeSpring) and they'll make money from every item that's sold 
with their design. 


This lesson will teach you how to create a design you can upload to any of 
these websites. The trick is simple: Create a design on a transparent 
background and save as a .PNG file. That's it. 


For this lesson, we'll be using a funny illustration of Einstein. The name of 
the image is Lesson 10 - Einstein. Here is the current hyperlink to this 
image. Feel free to email us and we'll send you all of the images used in this 
book. 


Ready to begin? 


Press Ctrl/Cmd+O to open a new document. A pop-out window will 
appear where you can choose from which folder to take your image from. 


Click on the image Lesson 10 - Einstein and then click on the blue-colored 
Open button in the lower right-hand corner. 
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If you want to know where we got the image, look at this screenshot. 
Go to www.pixabay.com. 


Type Einstein in the Pixabay search bar (see the black rectangle). 


